.note-zone {
  display: none;
  margin: 1em 1.5em;
  padding-bottom: 1em;

  textarea {
    width: 100%;
    height: 5em;
  }

  .note {
    @extend %flex-between-nowrap, %break-word;

    padding-top: 1em;
    border-top: $border;
    margin-top: 1em;

    &__meta {
      text-align: right;
      margin: 0 1em;
      white-space: nowrap;
    }

    &__text {
      flex: 1 1 auto;
      min-height: 2.7em;
    }
  }

  .mod-note {
    @extend %flex-center;

    > div {
      @extend %flex-center;

      margin-left: 1.5em;

      > label {
        margin-left: 0.5em;
        cursor: pointer;
      }
    }
  }
}
